<style>
	/* 定义一个伸缩容器 */
	.box{width:500px;height:300px;border:1px solid red;margin:0 auto;}
	.flexbox{
		display:-webkit-box;
		display:-moz-box;
		display:-ms-box;
		display:box;
	}
</style>
<div class="box flexbox">
	<div class="template" style="background:darkcyan;">青火网络诚邀您来学习，在这里你可以轻松的学到你想要的前端知识！！</div>
	<div style="background:yellow;width:200px;">青火网络诚邀您来学习，在这里你可以轻松的学到你想要的前端知识！！</div>
	<div style="background:green;width:100px;">Green fire network sincerely invite you to learn！！</div>
</div>